<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Camera Demo</title>
	<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css"/>
	<link rel="stylesheet" type="text/css" href="css/picture.css"/>
	<link rel="stylesheet" type="text/css" href="css/sm-core-css.css">
	<link rel="stylesheet" type="text/css" href="css/sm-mint.css">
	<!--<script src="js/jquery-1.11.3.min.js"></script>-->
	<script src="js/jquery-2.1.4.js"></script>
	<script src="js/jquery.mobile-1.4.5.js"></script>
	<script src="js/util.js"></script>
	<script src="js/photo.js"></script>
	<script src="js/jquery.smartmenus.js"></script>
</head>
<body>
<div data-role="page">
	<div data-role="header" data-position="fixed" id="header" data-tap-toggle="false">
		<!--<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-camera">拍照</button>-->
		<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-home">首页</a>
		<h1>我的相册</h1>
		<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-bars" id="menu">菜单</button>
	</div>
	<div role="navigation">
		<ul id="main-menu" class="sm sm-mint">
			<li><a id="take-photo">拍照</a></li>
			<!--<li><a id="choose-photo">上传</a></li>-->
			<li><a id="uploadPhoto">上传</a></li>
			<!--<li><a href="#popupLogin" data-rel="popup" data-position-to="window"data-inline="true" data-icon="check" data-theme="a" data-transition="pop">上传</a></li>-->
		</ul>
	</div>

	<div data-role="content" id="content">
		<div id="photoWall"></div>
		<div id="selectedPic">
			<div id="cancel">乂</div>
			<div id="last">上一张</div>
			<div id="next">下一张</div>
		</div>
		<div id="pic"></div>
		<div id="myPopup">
			<div>
				<!--<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>-->
				<h3 style="text-align: center">上传</h3>
				<input type="file" id="photoPath"/>
				<!--<a id="addPhoto" data-role="button" class="ui-btn ui-btn-inline ui-shadow ui-corner-all">确定</a>-->
				<!--<a id="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all">取消</a>-->
				<button id="addPhoto">确定</button>
				<button id="close">取消</button>
			</div>
		</div>
	</div>
</div>
<!--<div data-role="popup" id="popupMenu" data-theme="a">
	<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
		<form>
			<div style="padding:10px 20px;">
				<h3 style="text-align: center">上传</h3>
				<input type="file" id="photoPath">
				<input type="button" data-theme="b" id="addPhoto" value="confirm"/>
			</div>
		</form>
	</div>
</div>-->

<script src="cordova.js"></script>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.js"></script>
<script src="js/main.js"></script>

</body>
</html>